function createChart(id, totalMB, freeMB, name, ip) {
		chart = new Highcharts.Chart({
			chart : {
				renderTo : id,
				plotBackgroundColor : null,
				plotBorderWidth : null,
				plotShadow : false,
				height : 200,
				width : 400 
			},
			title : {
				text : name,
				style : {
					fontSize : '13px'
				}
			},
			colors : ['#F8B984','#9CC6F0'],
			tooltip : {
				formatter : function() {
					return '<b>' + this.point.name + '</b> '
							+ this.percentage.toFixed(2) + ' %';
				}
			},
			plotOptions : {
				pie : {
					allowPointSelect : true,
					cursor : 'pointer',
					dataLabels : {
						enabled : true,
						color : '#000000',
						connectorColor : '#000000',
						formatter : function() {
							return this.percentage.toFixed(2) + ' %';
						}
					}
				}
			},
			series : [ {
				type : 'pie',
				name : 'Browser share',
				data : [
						{
							name : '已使用:'
									+ ((totalMB - freeMB) / 1024).toFixed(2)
									+ "G",
							y : 1 - freeMB / totalMB,
							sliced : true,
							selected : true/*,
							color : '#F8B984'*/
						}, {
							name : '未使用:' + ((freeMB) / 1024).toFixed(2) + "G",
							y : freeMB / totalMB/*,
							color : '#9CC6F0'*/
						} ]
			} ]
		});
	}
$(function(){
	$("div.storage").each(function() {
		var toRender = $(this);
		var freeMB = $(this).find('input[name=freeMB]').val();
		var totalMB = $(this).find('input[name=totalMB]').val();
		var ip = $(this).find('input[name=ip]').val();
		var name = 'IP:' + ip + ' 容量:' + (totalMB / 1024).toFixed(2) + 'G';
		createChart(toRender[0], totalMB, freeMB, name, ip);
	});
});